<template>
  <!--保存所有计划数据-->
  <div class="showallplan dialg" v-if="keepdatashow">
      <el-row class="dialog_text showallplanbox">
        <el-row class="title p_l12 p_r12">
          <el-col :span="20">保存所有计划数据</el-col>
          <el-col :span="4" class="t_right"><span @click="closeFn"><img class="close" src="@/assets/img/plan/layerclose.png"></span></el-col>
        </el-row>
        <div class="dialog_text p12">
            <el-row class="p_l12">
                <span class="data_span">目标网址</span>
                <input class="data_input" v-model="keepinput.site" type="text" />
                <span class="color_E5">复制网址</span>
            </el-row>
            <el-row class="m_top10 p_l12">
                <span class="data_span">保存到</span>
                <input class="data_input" v-model="keepinput.pase" type="text" />
                <input class="color_E5" type="buttom" webkitdirectory directory value="浏览目录" @click="chosepathFn">
            </el-row>
            <el-row class="m_top10 p_l12">
                <span class="data_span">文件名</span>
                <input class="data_input" v-model="keepinput.name" type="text" />
            </el-row>
            <el-row class="p_l12">
                <span class="tilspan font_12 color_99">文件大小：3.2MB，F盘剩余空间：63.11GB</span>
            </el-row>
            <el-row class="t_right font_12 m_top20">
                <span class="copybtn" @click="keepFn">保存</span>
                <span class="copybtn" @click="closeFn">取消</span>        
            </el-row>
        </div>
    </el-row>
    
  </div>

</template>

<script>
    export default {
      data () {
        return {
          msg:'',
          plans: this.planstatus,
          title: '',
          info: [
              {
                  one: "027-036期",
                  two: "第2期027-036",
                  three: "中",
                  fore: "139"
              },
              {
                  one: "027-036期",
                  two: "第2期027-036",
                  three: "中",
                  fore: "139"
              },
              {
                  one: "027-036期",
                  two: "第2期027-036",
                  three: "中",
                  fore: "139"
              },
              {
                  one: "027-036期",
                  two: "第2期027-036",
                  three: "中",
                  fore: "139"
              }
          ]
        }
      },
      props:{
        keepinput: {
            type: Object
        },
        tableinfos:{
            type:Object
        },
        keepdatashow:{
            type: Boolean
        },
        
    },
      methods: {
        fileFn(){
            var f = document.getElementById("f").files
            alert(f[0].lastModifiedDate)
            alert(f[0].name)
            alert(f[0].size)
            alert(f[0].type)

        },
       closeFn () {
           this.$emit('closeKeepall');
       },
       keepFn () {
           this.$emit('keepallPlan');
       },
       chosepathFn(el){
        //    this.$emit('chosePath')
            // console.log(el)  
            var fso = new ActiveXObject('Scripting.FileSystemObject');
            var f1 = fso.GetFile('c:\\myjstest.txt');
            alert('File last modified: ' + f1.DateLastModified);   
       }
      }
    }
</script>

<style lang="less" scoped>
  @import url(../../assets/css/public.less);
  @import url(../../assets/css/plan/planpublic.less);
  @import url(../../assets/css/plan/planlayer.less);
</style>
